<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>列表渲染-对象渲染</title>

</head>
<body>

  <div id="app">

         <div class="info">
             <div v-for="(item,key) in current">{{key}}-{{item}}</div>
         </div>

  </div>

</body>

<script src="../../../lib/vue.global.js"></script>
<script>

    const emp1= {
        id:1,
        name:'Martin',
        age:34,
        gender:'male',
        dept:'dev'
    }

    const app = {
         data(){
             return {
                   current:emp1
             }
         }
    }

    Vue.createApp(app).mount('#app');

</script>


</html>